<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="/venue/css/bootstrap.min.css" />
		<link rel="stylesheet" href="/venue/css/homePage.css" />
		<link rel="stylesheet" href="/venue/css/message.css" />

	</head>
	<body>

		<div  class="container col-xl-12 " id="msg">
			<!-- pagehead navbar -->
			<div id="pageHead" class="">
				<!-- Brand/logo -->
				<div id="logoDiv" class="dropdown">
					<a class="navbar-brand  dropdown-toggle" data-toggle="dropdown"><span id="logoSpan">{{venue.nickname}}</span></a>
					<!--					  <button type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">-->
					<!--						  <span class="sr-only">Toggle Dropright</span>-->
					<!--					  </button>-->
					<div class="dropdown-menu">
						<a class="dropdown-item" href="homePage.html">首页</a>
						<a class="dropdown-item" href="dynamic.html">动态</a>
						<div class="dropdown-divider"></div>
						<a class="dropdown-item" href="#">退出</a>
					</div>
				</div>


				<!-- Links -->
				<div id="linksDiv">
					<ul class="nav nav-tabs nav-justified justify-content-end">
						<li class="nav-item">
							<a class="nav-link" href="searchCoach.html">查看教练</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="searchVenue.html">查看场馆</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="followed.html">关注</a>
						</li>
						<li class="nav-item">
							<a class="nav-link active" href="message.html">通知</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="myCenter.html">场馆中心</a>
						</li>
					</ul>
				</div>

			</div>
			<!-- navbar end -->

			<!-- 分隔间距 -->
			<div id="separate"></div>
			
			<div id="message" class="list-group">
				<div v-for="message in messages"  class="ms list-group-item list-group-item-action">
					来自：{{message.sendName}}<div style="float:right;"><a v-if="message.mstatus==1?true:false" @click="isReaded(message.mid)"  href="javascript:void(0);">标记已读</a><a v-else @click="isReaded(message.mid)" href="javascript:void(0);">标记未读</a></div><br>
					内容：{{message.content}}<br>
					时间：{{message.sendTime}}<br>
					{{message.mstatus==1?"未读":"已读"}}
					<div v-if="message.rmstatus==1?true:false" style="float:right;"><div v-if="message.purpose==2&&message.mstatus==1?true:false"><a @click="acceptSigning(message.sender,message.mid)" href="javascript:void(0);">接受</a>-----<a @click="updateMessage(message.mid,'3')" href="javascript:void(0);">拒绝</a></div></div>
				</div>
			</div>

		</div>
	</body>
	<script src="/venue/js/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="/venue/js/axios.js" type="text/javascript" charset="utf-8"></script>
	<script src="/venue/js/axios_interceptor.js" type="text/javascript" charset="UTF-8"></script>
	<script src="/venue/js/jquery.min.js"></script>
	<script src="/venue/js/popper.min.js"></script>
	<script src="/venue/js/bootstrap.min.js"></script>
	<script src="/venue/js/message.js"></script>
</html>

